🡆 Sempre que possível, utilizar em HTML Tags semânticas (com significado), e a formatação, se possível, fazer em CSS. Formatações no próprio texto (em parágrafos p, títulos h, etc) em HTML, está obsoleto.
🡆 Para envelopar um termo ou texto no VSCODE pressione Ctrl+Shift+P e escolha Wrap Abbr, em seguida pressione a letra da tag (exemplo: p para parágrafo, h2 para titulo 2, etc).
🡆 Para descobrir o nome dos objetos de um site acesse no Google Chrome o menu ferramentas 'dev tools' ou 'ferramentas do desenvolvedor', clique na seta de seleção, em seguida passe o cursor do mouse sobre o objeto que deseja ver seu nome. Se quiser modificar as formatações, via JavaScript, clique em console e, via comando, utilizando o nome encontrado, faça a alteração desejada (lembrando que essa alteração é provisória, só na sua máquina. Atualizando a página (refresh), ela volta às suas características originais). Se quiser desligar o JavaScript, clique na engrenagem de definições 'settings' ⚙, em preferências 'preferences' localize a opção de desabilitar o JavaScript 'Disable JavaScript'.
🡆 No Adobe Colors (https://color.adobe.com) você pode arrastar uma imagem (.jpg, .png, .bmp, .gif, etc) para o site, na opção extrair tema, e verificar os codigos de cores existentes na figura.
🡆 No Paletton Colors (https://paletton.com) você pode clicar em exemplos para ver uma simulação de site utilizando as cores da paleta escolhida (fantástico!).
🡆 No Coolors.co (https://coolors.co) você clica na barra de espaços que o site gera automaticamente uma paleta de cores com os respectivos códigos.